import React, { FC } from "react"
import WhiteScreenList from "./c-cpns/BlankScreenList"
import WhiteScreenChart from "./c-cpns/BlankScreenChart"
import { Col, Row, Space } from "antd"
import { useTitle } from "ahooks"

const WhiteScreenTracking: FC = () => {
    // 修改标题（使用第三方hook）
    useTitle("web-monitor - 白屏监控")
    return (
        <>
            <Space direction="vertical" size="middle" style={{ width: "100%" }}>
                <Row style={{ width: "100%" }}>
                    <Col span={24}>
                        <WhiteScreenChart />
                    </Col>
                </Row>
                <Row style={{ width: "100%" }}>
                    <Col span={24}>
                        <WhiteScreenList />
                    </Col>
                </Row>
            </Space>
        </>
    )
}

export default WhiteScreenTracking
